<template>
  <u-popup
    closeable
    :mask-close-able="false"
    mode="center"
    width="600rpx"
    v-model="show"
    border-radius="24"
  >
    <view class="popup-box">
      <div class="u-font-32 font-w-600 u-text-center u-p-b-22">群友特享价</div>
      <div class="u-text-center u-m-t-48">
        点击下方按钮，加入企业微信群后，返 回商城自动享受群友特享价
      </div>
      <div @click="onHandler" class="bt">立即加群享优惠</div>
    </view>
  </u-popup>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {
    switchShowPopup() {
      this.show = !this.show;
    },
    onHandler() {
      this.show = false
      this.$emit('confirm')
    }
  },
};
</script>

<style lang="scss">
.popup-box {
  padding: 24rpx 62rpx;
}

.bt {
  margin: 66rpx auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 444rpx;
  height: 76rpx;
  text-align: center;
  background: #f0250e;
  border-radius: 120rpx 120rpx 120rpx 120rpx;
  font-weight: 600;
  color: #ffffff;
}
</style>
